﻿html, body {

}

#main {
	width: 750px;
	padding-left: auto;
	padding-right: auto;
	margin-top: 10px;
	position: absolute;  
	left: 50%;  
	height: 100%;  
	margin-left: -375px; /* widthの半分 */  
	font-size: 14px;
}

#create_group_button {
	height: 30px;
	font-size: 16px;
}

.messageBoxClose, .errorBoxClose {
	float:right;
	padding-right: 5px;
	padding-top: 3px;
}

.messageBoxClose:hover, .errorBoxClose:hover {
	cursor: pointer;
}

.pointer:hover {
	cursor: pointer;
}

/*************** 機能タブ ****************/

.feature_check {
	width: 80%;
	padding:0px 10% 70px 10%;
}

.feature_attendace {
	float:left;
	width: 35%;
	padding:20px 5% 0px 10%;
}


.feature_vote{	
	float:right;
	width: 35%;
	padding:20px 10% 0px 5%;
}

.feature_template{	
	clear:both;
	width: 80%;
	padding:20px 10% 70px 10%;
}


.feature_history{	
	clear:both;
	width: 80%;
	padding:20px 10% 70px 10%;
}

.featureTop {
	border-top-left-radius: 8px;
	border-top-right-radius: 8px;
	border-top: 1px solid black;
	border-right: 1px solid black;
	border-left: 1px solid black;
	background-color: #CEF3F5;
	width: 35%;
	padding-left: 15px;
	font-weight: bold;
}

.featureMain {
	background-color: #CEF3F5;
	border-top-right-radius: 8px;
	border-bottom-left-radius: 8px;
	border-bottom-right-radius: 8px;
	border: 1px solid black;
	width: 100%;
	height: 100px;
	float: left;
	padding-top: 3px;
	padding-left: 8px;
}

.featureOver {
	background-color: #9AE4E8 !important;
	cursor: pointer;
}

.featureDisabled {
	background-color: #D3D3D3;
}
.minusIcon {
	position: relative;
	top: 3px;
	left: 1px;
}
.minusIcon:hover {
	cursor: pointer;
}

/************* グループタブ ***************/

#loggedInUserInfoTop {
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	border-top: 1px solid black;
	border-right: 1px solid black;
	border-left: 1px solid black;
	background-color:#CEF3F5;
	width: 35%;
	padding-top: 5px;
	padding-left:15px;
	font-weight: bold;
}

#loggedInUserInfo {
	background-color: #CEF3F5;
	border-top-right-radius: 5px;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
	border: 1px solid black;
	height:55px;
	position: relative;
}

#loggedInUserInfo div {
	position: absolute;
	top: 18px;
	display: block; 
	vertical-align: middle;
	left: 60px;
}

.group {
	padding-top:20px;
	padding-bottom:20px;
}

.groupTop {
	height: 20px;
	border-top-left-radius: 8px;
	border-top-right-radius: 8px;
	border-top: 1px solid black;
	border-right: 1px solid black;
	border-left: 1px solid black;
	background-color:#CEF3F5;
	width: 35%;
	padding-top: 5px;
	padding-left: 15px;
	font-weight: bold;
}

.groupMain {
	background-color: #CEF3F5;
	border-top-right-radius: 8px;
	border-bottom-left-radius: 8px;
	border-bottom-right-radius: 8px;
	border: 1px solid black;
	width: 100%;
	min-height: 150px;
	padding-top: 3px;
	padding-left: 8px;
	padding-bottom:15px;
}

#groupMemberList {
	padding-top: 15px;
	padding-left: 80px;
	font-size: 20px;
	font-weight:bold;
}

#groupMemberTable  {
	border: 0px;
}

#groupMemberTable  th {
	border: 0px;
	border-bottom: 1px solid black;
}

#groupMemberTable td {
	border: 0px;
}

.groupRight {
	float: right;
	padding-bottom: 10px;
	padding-right: 30px;
	height: 30%;
}

.groupRight li {
	list-style-type: none;
	padding-bottom: 3px;
}

#loggedInUserInfo img {
	padding-left: 5px;
	padding-top: 5px;
}

#group_list {
	list-style-type: none;
}

#group_list li a{
	color: blue;
	text-decoration: none;
}
#group_list li a:hover {
	text-decoration: underline;
	cursor: pointer;
}
#group_list li  a.current {
	color: black;
	font-weight: bold;
	text-decoration: none;
	background-color:#5fa2f1 ;	
}
#group_list li  a.current:hover {
	text-decoration: underline;	
}

#group_view {
	width: 98%;
	min-height: 160px;
	border: 1px solid black;
	background-color:white;
	padding-top: 4px;
	padding-left: 6px;
}

/*** グループ編集 ***/
#groupAddFromList {
	position: relative;
	left: 420px;
	top: -28px;
	width: 250px;
	color: blue;
}

.user_box_desc {
	padding-left: 3px;
}

.username-changed {
	color: black;
}

.username-unchanged {
	color: gray;
}

.groupedit-loadingIcon {
	position: absolute;
	left: 707px;
}

/**** 並び替え ****/

#member_sort:hover {
	cursor: pointer;
}
/****************************/

/*** フォロー一覧 ***/
.followersBox {
	width:650px;
	height:100px;
	padding:10px;
}

.followersHoverColor:hover {
	background-color:#f8d830;
	padding:0px 10px 0px 0px;
}

.followersCheckbox {
	float:left;
	padding:25px 15px 10px 10px;
	width: 20px;
}

.followersDescription {
	border:1px solid #000000;
	width:500px;
	height:50px;
	padding:7px;
	overflow-y:scroll;
	float:left;
	font-size:12px;
}

.followersAccountName {
	font-weight:bold;
	padding:5px 0px 5px 45px;
}

/****************************/

/******** プロフィール *********/

.account-name {
	border: 0px;
	border-color: #CEF3F5;
	background-color: #CEF3F5;
}

/****************************/

/******** テーブル関係 *********/

.historyTable {
	margin-top: 15px;
}


#checkTable tr.titleRow, .voteTable tr.titleRow, .historyTable tr.titleRow  {
	font-size: 18px;
	font-weight: bold;
	text-align: center;
	height: 40px;
	background-color:#3d80d0;
	color:#000;
;
}

#checkTable  th , .voteTable  th, .historyTable th {
	background-color:#f8d830;
	font-size: 14px;
	padding:3px;
}

#checkTable  td , .voteTable  td, .historyTable td {
	padding:5px;
	
}

#checkTable tr.checkTableRow:hover, .voteTable tr.voteTableRow:hover, .historyTable tr.historyTableRow:hover {
	cursor: pointer;
	background-color:#5fa2f1;
}



/****************************/

/********** ユーザー情報表示のBOX ***********/
.user_box div,image{
	float:left;
}

.user_box{
	padding:7px 10px 0px 10px;

}

.loading_icon {
	display: block;
	text-align: center;
	margin: auto;
}

.ui-tabs .ui-tabs-nav li a { 
	padding: .5em .5em;
	font-size: 12px;
	color: black;
	width: 100px;
	text-align: center;
}

.form label {
	display:block;
	font-weight:bold;
	text-align:right;
	clear: left;
	width:140px;
	float:left;
	padding-top: 5px;
}

.small {
	color:#666666;
	display:block;
	font-size:11px;
	font-weight:normal;
	text-align:right;
	width:140px;
}

.form input.text {
	float:left;
	font-size:12px;
	padding:4px 2px;
	border:solid 1px #aacfe4;
	width:200px;
	margin:2px 0 20px 10px;
}

.form span {
	float: left;
}

.form input.radio {
	float:left;
	border:solid 1px #aacfe4;
}

.form textarea {
	float:left;
	font-size:12px;
	padding:4px 2px;
	border:solid 1px #aacfe4;
	width:200px;
	margin:2px 0 20px 10px;
	height: 100px;
	resize: none;
}



.tab_content a {
	color: blue;
	text-decoration: none;
}

.tab_content a:hover {
	cursor: pointer;
	text-decoration: underline;
}



/******* 梶山追加分 **********/

/******* プロフィールタブ関係 **********/
.profileTop {
	font-size:20px;
	border-top-left-radius: 8px;
	border-top-right-radius: 8px;
	border-top: 1px solid black;
	border-right: 1px solid black;
	border-left: 1px solid black;
	background-color: #CEF3F5;
	width: 30%;
	padding-top: 5px;
	padding-left: 30px;
	font-weight: bold;
}

.profileMain {
	background-color: #CEF3F5;
	border-top-right-radius: 8px;
	border-bottom-left-radius: 8px;
	border-bottom-right-radius: 8px;
	border: 1px solid black;
	width: 100%;

	float: left;
	padding-top: 50px;
	padding-left: 8px;
}

/******* グループタブ関係 **********/

.chooseGroup{
	padding-top:20px;
	padding-bottom:20px;
}

.chooseGroupTop {
	border-top-left-radius: 8px;
	border-top-right-radius: 8px;
	border-top: 1px solid black;
	border-right: 1px solid black;
	border-left: 1px solid black;
	background-color:#CEF3F5;
	width: 35%;
	padding-top: 5px;
	padding-left: 15px;
	font-weight: bold;
}

.chooseGroupMain {
	background-color: #CEF3F5;
	border-top-right-radius: 8px;
	border-bottom-left-radius: 8px;
	border-bottom-right-radius: 8px;
	border: 1px solid black;
	width: 100%;
	padding-top: 3px;
	padding-left: 8px;
	padding-bottom:15px;
	margin-bottom:10px;

}

/************ メッセージ/エラーBOX関係 ************/

.messageBoxTop{
	border-top-left-radius: 8px;
	border-top-right-radius: 8px;
	border-top: 1px solid black;
	border-right: 1px solid black;
	border-left: 1px solid black;
	background-color:#f8d830;
	width: 30%;
	padding-left: 30px;
	font-weight: bold;
	font-size:20px;
}

.messageBoxMain{
	border-top-right-radius: 8px;
	border-bottom-left-radius: 8px;
	border-bottom-right-radius: 8px;
	border: 1px solid black;
	margin-bottom:30px;
	padding:30px;
	background-color:#f8d830;
	font-weight:bold;
	font-size:16px;
}

.errorBoxTop{
	border-top-left-radius: 8px;
	border-top-right-radius: 8px;
	border-top: 1px solid red;
	border-right: 1px solid red;
	border-left: 1px solid red;
	background-color:#eec9c9;
	width: 30%;
	padding-left: 30px;
	font-weight: bold;
	font-size:20px;
}

.errorBoxMain{
	border-top-right-radius: 8px;
	border-bottom-left-radius: 8px;
	border-bottom-right-radius: 8px;
	border: 1px solid red;
	margin-bottom:30px;
	padding:30px;
	background-color:#eec9c9;
	font-weight:bold;
	font-size:16px;

}

/*********** 挙手関係 ************/
.attendenceTop {
	border-top-left-radius: 8px;
	border-top-right-radius: 8px;
	border-top: 1px solid black;
	border-right: 1px solid black;
	border-left: 1px solid black;
	background-color: #CEF3F5;
	width: 30%;
	padding-left: 30px;
	font-weight: bold;
}

.attendenceMain {
	background-color: #CEF3F5;
	border-top-right-radius: 8px;
	border-bottom-left-radius: 8px;
	border-bottom-right-radius: 8px;
	border: 1px solid black;
	width: 100%;
	padding-top: 3px;
	padding-left: 8px;
}

/*************** 上のリンク関係  *****************/
.pageLinks{
	position:absolute;
	top:55px;
	left:20px;
}
.pageLinks a:hover{
	text-decoration: underline;	
}
.pageLinks a{
	text-decoration: none;
	color:#00f;
}
.Group_name{
	position:absolute;
	top:55px;
	left:240px;
	font-size:20px;
	font-weight:bold;

}
.Help {
	position: absolute;
	top: 55px;
	left: 665px;
}
.Help img {
	height: 32px;
}
.Help img:hover {
	cursor: pointer;
}

.header{
	padding-bottom:20px;
}


 /* 吹き出し部分 */
 .pop{
   position:absolute;  /* 親要素からの絶対位置を指定 */
   visibility:hidden;  /* 非表示 */
   background:#fff;
   filter:alpha(opacity=80); 
   ms-filter:"alpha(opacity=80)"; 
   -moz-opacity:0.8;
   opacity:0.8;
   font-size:12px;
   color:#000;
   font-weight:bold;
   padding:5px;
 }
